﻿/* CSS Document */
body {overflow:hidden;margin:0;padding:0;font: 12px "Trebuchet MS";height:100%;background: #ffffff url(images/main-bg.gif);}
input{border:1px solid;}
html {height:100%;}
ul,li,h1,h2,h3,h4 {padding:0;margin:0;list-style:none;}

img {
	border: none;
}
#app{float: left;text-align: center;margin: 5px;list-style: none;}
#app a{text-decoration: none;display: block;padding: 3px; margin: 0;color: #ffffff;text-shadow: 0.2em 0.1em 0.3em #000000;}
#app a:hover{-webkit-border-radius: 3px;box-shadow: inset 0 0 1px #fff;-webkit-box-shadow: inset 0 0 1px #fff; background-color: #5caae8;}
#app img{width:40px;width:50px;}
#app li{display:list-item;list-style-type:disc;display:block;float:left;}
/* Resizble */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 8px; height: 8px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 8px; height: 8px; right: 0px; top: 0px;}/* Sites ontop the scrolbar if there is one */

/* The Dock (Where the open windows sit) */

#dock {margin-left:52px; /* The size of the start button */
width:89.4%;
height:32px;
line-height:32px;
overflow:hidden;
}
#dock-inner {
width:100%;
overflow:hidden;
}

#dock .stacked-window {
float:left;
background: transparent url(images/inactive-window.png) no-repeat;
height:32px;
width:125px;
margin-top:0px;
margin-bottom:2px;
margin-left:1px;
line-height:32px;
font-size:10.5px;
padding-left:8px;
color:#ddd;
cursor:pointer;
margin-right:-7px;
}
#dock .selected-window {
background: transparent url(images/active-window.png) no-repeat;
height:32px;
width:125px;
font-weight:bold;
color:window;
cursor:pointer;
}
#dock .close-dock {
float:right;
width:10px;
height:14px;
background: transparent url(resources/includes/images/core/window/dock-close.png) no-repeat 50% 50%;
}
/* The tooltip that is displayed when you hover over a window in the dock - updateable text/html via the api */
.dock-tooltip {
padding:4px;
border:1px solid #333;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width:105px;
}
.window-tooltip {
display:none;	
}
/* Start Menu related */
.dockMsgPanel{border: solid 1px #102a3e;
	overflow: visible;
	display: none;
	float: left;
	opacity: 0.9;
	-webkit-border-radius: 5px;
	position: absolute;
	box-shadow: inset 0 0 1px #ffffff;
	-webkit-box-shadow: inset 0 0 1px #ffffff;
	background-color: #ffffff;
	background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));
	right:0px;
	bottom:32px;
	position:absolute;bottom:32px;width:195px;min-height:100px;
background: #ffffff;
border:1px solid #333;
border-bottom:none;
-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;-moz-box-shadow:0 0 5px 0 #333;-webkit-box-shadow:0 0 10px 0 #333;z-index:998;
  }
.dockMsgPanel:hover 
{
    cursor:pointer;
}
  
#start-menu {position:absolute;bottom:32px;left:0px;width:195px;min-height:200px;
background: #000000;
border:1px solid #333;
border-bottom:none;
-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;-moz-box-shadow:0 0 5px 0 #333;-webkit-box-shadow:0 0 10px 0 #333;z-index:998;}
/* The items inside the start menu */
.start-menu-inner {

}

.start-menu-item {color:window;	padding:2px;margin:4px;font-size:11px;cursor:pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;
border: 1px solid black;
font-weight:bold;
}
.start-menu-item:hover {
background: transparent url(images/start-menu-hover.png);
border:1px solid #aaa;	
	
	color:black;}
.start-menu-header {
background: transparent url(images/start-menu-header.png); 
font-weight:bold;
color:#aaa;
width:100%;	
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 4px;
}

/* Start button - change to suit but be ware to change */
.start-button {position:absolute;bottom:0px;left:0px;z-index:999;width:50px;height:40px;background:transparent url(images/start.png) 0 -6px no-repeat;cursor:pointer;margin-bottom:0px;
}
.start-button:hover{background-position: 0 -114px;}
#start-menu{border: solid 1px #102a3e;
	overflow: visible;
	display: none;
	float: left;
	opacity: 0.9;
	-webkit-border-radius: 5px;
	position: absolute;
	box-shadow: inset 0 0 1px #ffffff;
	-webkit-box-shadow: inset 0 0 1px #ffffff;
	background-color: #ffffff;
	background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));
	left:0px;
	bottom:32px;
  }
  .start-menu #programs
  {
	  background: #ffffff;
	border: solid 1px #365167;
	margin: 7px;
	box-shadow: 0 0 1px #ffffff;
	-webkit-box-shadow: 0 0 1px #ffffff;
	-webkit-border-radius: 3px;
  }
  .start-menu #programs li:hover
  {
	  cursor:pointer;
	  border: solid 1px #7da2ce;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 0 0 1px #ffffff;
	-moz-box-shadow: inset 0 0 1px #ffffff;
	-webkit-box-shadow: inset 0 0 1px #ffffff;
	background-color: #cfe3fd;
	background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));
  }
/* The bottom task bar where the windows dock and the start bar sits */
#taskbar {
background: transparent url(images/taskbarbg.png) repeat-x; height:32px;width:100%;
position:absolute;bottom:0px;left:0px;
}
/*Aero css*/
/*
 * AeroWindow - jQuery Plugin (v3.5)
 * Copyright 2010, Christian Goldbach
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * 
 * Project Website:
 * http://www.soyos.net/aerowindow-jquery.html
 * http://www.soyos.net
 *
 *
 *
 * Requires Easing Plugin for Window Animations:
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 *
 */
 
 
/*-----------------------------------------------------------------------------
AeroWindow Style - Regular
-----------------------------------------------------------------------------*/
.AeroWindow {
  position: absolute;
  background: url(images/WindowsAeroStyle/inactive/lines.png);
  background-position: 0px -100px;
  z-index: 10;
  overflow: hidden;
  display: block;  
}


.AeroWindow .table-tl {
  background: url(images/WindowsAeroStyle/inactive/tl.png);
  min-width: 9px;
  height: 9px;
}
.AeroWindow .table-tm {
  background: url(images/WindowsAeroStyle/inactive/tm.png);
}
.AeroWindow .table-tr {
  background: url(images/WindowsAeroStyle/inactive/tr.png);
  min-width: 9px;
  height: 9px;
}
.AeroWindow .table-rm {
  background: url(images/WindowsAeroStyle/inactive/rm.png);
}
.AeroWindow .table-bl {
  background: url(images/WindowsAeroStyle/inactive/bl.png);
  width: 9px;
  height: 9px;
}
.AeroWindow .table-bm {
  background: url(images/WindowsAeroStyle/inactive/bm.png);
}
.AeroWindow .table-br {
  background: url(images/WindowsAeroStyle/inactive/br.png);
  width: 9px;
  height: 9px;
}
.AeroWindow .table-lm {
  background: url(images/WindowsAeroStyle/inactive/lm.png);
}
.AeroWindow .table-mm {
  background: url(images/WindowsAeroStyle/inactive/mm.png);  
}
/*-----------------------------------------------------------------------------
AeroWindow Style - Active
-----------------------------------------------------------------------------*/
.AeroWindow.active {
  position: absolute;
  background: url(images/WindowsAeroStyle/active/lines.png) 0px -400px;
  z-index: 100;
}
.AeroWindow.active .table-tl {
  background: url(images/WindowsAeroStyle/active/tl.png);
  width: 9px;
  height: 9px;
}
.AeroWindow.active .table-tm {
  background: url(images/WindowsAeroStyle/active/tm.png);
}
.AeroWindow.active .table-tr {
  background: url(images/WindowsAeroStyle/active/tr.png);
  width: 9px;
  height: 9px;
}
.AeroWindow.active .table-rm {
  background: url(images/WindowsAeroStyle/active/rm.png);
}
.AeroWindow.active .table-bl {
  background: url(images/WindowsAeroStyle/active/bl.png);
  width: 9px;
  height: 9px;
}
.AeroWindow.active .table-bm {
  background: url(images/WindowsAeroStyle/active/bm.png);
}
.AeroWindow.active .table-br {
  background: url(images/WindowsAeroStyle/active/br.png);
  width: 9px;
  height: 9px;
}
.AeroWindow.active .table-lm {
  background: url(images/WindowsAeroStyle/active/lm.png);
}
.AeroWindow.active .table-mm {
  background: url(images/WindowsAeroStyle/active/mm.png);
}     
.AeroWindow .table-mm-container {
  margin-top: 20px;
  border: 1px solid #b0c6e4;
}
.AeroWindow .table-mm-content {
  font-family: arial;
  padding: 0px;
  border: 1px solid #000;
  background-color: #fff;
  overflow: hidden;
  width:100%;
  height:100%;
}  
/*-----------------------------------------------------------------------------
AeroWindow Resizing
-----------------------------------------------------------------------------*/
.AeroWindow .ui-resizable-e {
  right: 0px!important;
}
.AeroWindow .ui-resizable-s {
  bottom: 0px!important;
}
.AeroWindow .ui-icon {
  height:24px;
  width:24px;
}
.AeroWindow .ui-icon-gripsmall-diagonal-se  {
  background-position:-76px -220px;
}
.AeroWindow .ui-resizable-handle {
}    
/*-----------------------------------------------------------------------------
AeroWindow Title
-----------------------------------------------------------------------------*/
.AeroWindow .title {
  position: absolute; 
  margin: 0px 0px 0px 5px;
  text-shadow: #fff 0px 0px 5px; 
  color: #333;
  font-family: arial;
  padding-right: 5px;
  font-size: 14px;
  left: 5px;
  cursor: default;
}


/*-----------------------------------------------------------------------------
Button Area
-----------------------------------------------------------------------------*/
.buttons  {
  position: relative;
  float: right;
  top: -6px;
}        
.buttons  a{
  text-decoration: none;
  cursor: default;  
}  
/*-----------------------------------------------------------------------------
Buttons Regular Window
-----------------------------------------------------------------------------*/
.AeroWindow .buttons .win-min-btn {
  width: 27px;
  height: 19px;
  display: block;
  float: left;
  background: url(images/WindowsAeroStyle/inactive/btn-min.png);
}      
.AeroWindow .buttons .win-max-btn {
  width: 26px;
  height: 19px;
  display: block;
  float: left;
  background: url(images/WindowsAeroStyle/inactive/btn-max.png);
}      
.AeroWindow .buttons .win-reg-btn {
  width: 26px;
  height: 19px;
  display: block;
  float: left;
  background: url(images/WindowsAeroStyle/inactive/btn-reg.png);
}      
.AeroWindow .buttons .win-close-btn {
  width: 46px;
  height: 19px;
  float: left;
  display: block;
  background: url(images/WindowsAeroStyle/inactive/btn-close.png);
}  
.AeroWindow .buttons .win-btn-leftedge {
  width: 2px;
  height: 19px;
  float: left;
  background: url(images/WindowsAeroStyle/left.png);
}            
.AeroWindow .buttons .win-btn-rightedge {
  width: 2px;
  height: 19px;
  float: left;
  background: url(images/WindowsAeroStyle/right.png);
}            
.AeroWindow .buttons .win-btn-spacer {
  width: 1px;
  height: 19px;
  float: left;
  background: url(images/WindowsAeroStyle/spacer.png);
}            
.AeroWindow .buttons .WinBtnSet {
  float: left;
}

/*-----------------------------------------------------------------------------
Buttons Active Window
-----------------------------------------------------------------------------*/
.AeroWindow.active .buttons .win-min-btn {
  background: url(images/WindowsAeroStyle/active/btn-min.png);
}      
.AeroWindow.active .buttons .win-max-btn {
  background: url(images/WindowsAeroStyle/active/btn-max.png);
}      
.AeroWindow.active .buttons .win-reg-btn {
  background: url(images/WindowsAeroStyle/active/btn-reg.png);
}      
.AeroWindow.active .buttons .win-close-btn {
  background: url(images/WindowsAeroStyle/active/btn-close.png);
}            

/*-----------------------------------------------------------------------------
Buttons Hover Effects
-----------------------------------------------------------------------------*/
.AeroWindow .buttons .win-min-btn:hover {
  background: url(images/WindowsAeroStyle/hover/btn-min.png);
}      
.AeroWindow .buttons .win-max-btn:hover {
  background: url(images/WindowsAeroStyle/hover/btn-max.png);
}      
.AeroWindow .buttons .win-reg-btn:hover {
  background: url(images/WindowsAeroStyle/hover/btn-reg.png);
}      
.AeroWindow .buttons .win-close-btn:hover {
  background: url(images/WindowsAeroStyle/hover/btn-close.png);
}            

.iframeHelper {
  display: none; 
  height: 100%; 
  width: 100%; 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  background: url(images/WindowsAeroStyle/empty.gif);
  z-index: 0;
}

.login {border-collapse:collapse;width:100%;}
.login  td{ padding:0;height:50px;vertical-align:top;}
.login  .login-title{width:85px;}
#errorPanel {display:none;}